*{padding: 0;margin: 0;box-sizing: border-box;}
html,body {height: 100%; font-size: 14px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
@media screen and (min-width:360px) { html { font-size: 11.25px; } }
@media screen and (min-width:480px) { html { font-size:    15px; } }
@media screen and (min-width:560px) { html { font-size:  17.5px; } }
@media screen and (min-width:640px) { html { font-size:    20px; } }
@media screen and (min-width:1080px) { html { font-size:    20px; } }
i, em { font-style:normal; }
ul,li {list-style:none;}
a{text-decoration: none;}
/*定义查询table*/

// .btn{
//     font-family: "Microsoft YaHei";
//     width: 100px;
//     line-height: 35px;
//     color: #fff;
//     font-size: 14px;
//     vertical-align: middle;
//     background: #4292ff;
//     text-align: center;
//     border-radius: 5px;
//     border: none;
// }
// .btn:hover{
//     color: #fff;
// }
.fl{float: left;}
.fr{float: right;}
.over{overflow: hidden;}
.t-cen{text-align:center;}
.t-lef{text-align:left;}
.t-rig{text-align:right;}
.d-block{display: block;}

/* 表格宽度 */
.tdw10-r{width:10%;text-align: right!important;}
.tdw10{width:10%;}
.tdw4{width:4%;}
.tdw3{width:3%;}
.tdw5{width:5%;}
.tdw8{width:8%;}
.tdw15{width:15%;}
.tdw20{width:20%;}
.tdw30{width:30%;}
.w-18{width: 18px;}
.w-20{width: 20px;}
.w-50{width: 50px;}
.w-60{width: 60px;}
.w-70{width: 70px;}
.w-80{width: 80px;}
.w-85{width: 85px;}
.w-90{width: 90px;}
.w-100{width: 100px;}
.w-110{width: 110px;}
.w-120{width: 120px;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w33{width: 33.3%;}
.w32{width: 30%;}
.w35{width: 35%;}
.w37{width: 37%;}
.w39{width: 39%;}
.w40{width: 40%;}
.w43{width: 43%;}
.w45{width: 45%;}
.w48{width: 48%;}
.w49{width: 49%;}
.w50{width: 50%;}
.w51{width: 51%;}
.w55{width: 55%;}
.w59{width: 59%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w88{width: 88%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w98{width: 98%;}
.w100{width: 100%;}
.dis-block{
    display: block;
}
.dis-none{
    display: none;
}
/*定义外边距margin*/
.margin-auto{margin: 0 auto;}
.margin5{margin: 5px;}
.marginR-half{margin-right: 5px;}
.marginR-1{margin-right: 10px;}
.marginR-2{margin-right: 20px;}
.marginR-3{margin-right: 30px;}
.marginT-1{margin-top: 10px;}
.marginT-2{margin-top: 20px;}
.marginT-3{margin-top: 30px;}
.marginT-5{margin-top: 50px;}
.marginT-6{margin-top: 60px;}
.marginL-1{margin-left: 10px;}
.marginL-2{margin-left: 20px;}
.marginB-1{margin-bottom: 10px;}
.marginB-2{margin-bottom: 20px;}
.marginB-3{margin-bottom: 30px;}
/*定义内边距padding*/
.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.padding-5{padding:5px;}
.paddingR-half{padding-right: 5px;}
.paddingR-1{padding-right: 10px;}
.paddingR-2{padding-right: 20px;}
.paddingR-3{padding-right: 30px;}
.paddingT-5px{padding-top: 5px;}
.paddingT-1{padding-top: 10px;}
.paddingT-2{padding-top: 20px;}
.paddingT-3{padding-top: 30px;}
.paddingT-4{padding-top: 40px;}
.paddingT-5{padding-top: 50px;}
.paddingT-6{padding-top: 60px;}
.paddingT-100{padding-top: 100px;}
.paddingL-half{padding-left: 5px;}
.paddingL-1{padding-left: 10px;}
.paddingL-2{padding-left: 20px;}
.paddingL-3{padding-left: 30px;}
.paddingB-1{padding-bottom: 10px;}
.paddingB-2{padding-bottom: 20px;}
.paddingB-3{padding-bottom: 30px;}
/*背景颜色*/
.body-bg{background: #f6f6f6;}
.bg-blue{background: #016aed;}
.bg-gray{background: #aaaaaa;}
.bg-white{background: #fff;}
.bg-e8{background: #e8e8e8;}

/*字体大小*/
.fontSize14{font-size: 14px;}
.fontSize16{font-size: 16px;}
.fontSize18{font-size: 18px;}
.fontSize20{font-size: 20px;}
.fontSize25{font-size: 25px;}
.fontSize-1-2{font-size: 1.2rem;font-size: 16px\9;}
.fontSize-1-4{font-size: 1.4rem;font-size: 18px\9;}
.fontSize-1-6{font-size: 1.6rem;font-size: 22px\9;}
.fontSize-1-8{font-size: 1.8rem;font-size: 24px\9;}
.fontSize-2{font-size: 2rem;font-size: 28px\9;}
.fontSize-2-2{font-size: 2.2rem;font-size: 30px\9;}
.fontSize-2-4{font-size: 2.4rem;font-size: 33px\9;}
.fontSize-2-8{font-size: 2.8rem;font-size: 40px\9;}
.fontSize-3{font-size: 3rem;font-size: 42px\9;}
/*字体加粗*/
.font-weight5{font-weight: 500;}
.font-weight6{font-weight: 600;}
.font-weight7{font-weight: 700;}
.add{background: #4292ff;}
.submit{background: #4292ff;}
.back{background: #4292ff;}
// . {background: #4292ff;}
.save{background: #4292ff;}
.delete{background: #4292ff;}
.cancel{background: #8f8f8f;}
.noclick{background: #bfbfbf;}
.imp{background: #4292ff;}
.reset{background: #bfbfbf;}
.bg-ef{background: #efefef;}
.bg-ff{background: #fff;}
/*字体颜色*/
.textwhite{color: white;}
.textred{color:#d32d00;}
.textdred{color:#FF4F2C;}
.textyellow{color:#FBD437;}
.textdgreen{color:#36CBCB;}
.textblue{color:#004f99;}
.textdblue{color:#124eb5;}
.textqblue{color:#6493fb;}
.textgreen{color:#44a203;}
.textzs{color:#a456fb;}
.textdzs{color:#8160ED;}
.textdcs{color:#fe6d55;}
.textdns{color:#35C4FF;}
.textorange{color:#FC8C40;}
.textqs{color:#19C8BB;}
.texths{color:#333;}
.textqhs{color:#EE9F07;}
.textpink{color:#FF6F79;}
.textdc{color:#DEDCDC;}
.textls{color:#01BFDC;}
.textdls{color:#24B7FF;}
.textdphs{color:#f7b90b;}
.textdepblue{color:#3A97DA;}
.t-42{color: #424242;}
.t-sh{
    color:#0597a2;
}
.t-th{
    color:#ff8936;
}
.t-tg{
    color:#00bc12;
}
.t-zi{
    color:#cb3a56;
}
.t-zf{
    color:#cb0121!important;
}

/*General*/
// *::-moz- ion { background: #089bab; color: #fff; text-shadow: none; }
// ::-moz- ion { background: #089bab; color: #fff; text-shadow: none; }
// :: ion { background: #089bab; color: #fff; text-shadow: none; }

/* 按钮样式 */
.a-btn{
    display:inline-block;
    color: white;
    padding: 1px 15px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
}
.add-button{
    display:inline-block;
    color: white;
    padding: 1px 15px;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    height: 35px;
    border: none;
}
.a-btn:hover{color: white;}
.a-btn img{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.com-btn{
    font-family: "Microsoft YaHei";
    width: 100px;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    border: none;
}
.search-btn{
    background: #2eacd3;
}
.add-btn{
    background: #088ef0;
}
.modify-btn{
    background: #8bc220;
}
.del-btn{
    background: #ff2939;
}
.dy-btn{
    background: #574ec7;
}
.copy-btn{background: #6600ff;}
.save-btn{background: #4178be;}
.reset-btn{background: #c4332f;}
.dc-btn{background: #285e8d;}
.orange-btn{background: #ea6d08;}
.blue-btn{background: #586fec;}
/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
.nav-back{
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    cursor: pointer;
    span{
        i{
            font-size: 20px;
            vertical-align: middle;
        }
    }
}
/* 滚动条 */
body *::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
body *::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 2px;
}
body *::-webkit-scrollbar-thumb {
	background: rgb(205, 206, 206);
	border-radius: 10px;
}
body *::-webkit-scrollbar-thumb:hover {
	background: #a7a7a7;
}
body *::-webkit-scrollbar-corner {
	background:#fff;
}
.page{
    .el-pagination.is-background .el-pager li:not(.disabled).active{
        background: #106fc6;
    }
}